<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rTTiRUKnSWaDu2FjhzWFl8/JuUZMlplyWE/djenb2LoKqkgLGfEGfSrL7XDLoB1M" crossorigin="anonymous">
<link href="css/owl.carousel.css" rel="stylesheet">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<script src="js/modernizr.custom.js"></script>
<!-- Custom Theme files -->
<link href="css/style2.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="all" />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Interior Design Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- for bootstrap working -->
		<script src="js/bootstrap.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-Nj1D6pu2WnJojj+67GiU9ZFNwbl7bUWX5Kj5MS22C8bGjllemM9pvQyvj14zJb58" crossorigin="anonymous"></script>
<!-- //for bootstrap working -->
<!-- web fonts -->
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="header-top">
	<div class="container">
		<p class="location"><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span>39.13N 117.2E
			TianJin</p>
		<p class="phonenum"><span class="glyphicon glyphicon-earphone"
				aria-hidden="true"></span>+86&nbsp;15822541480</p>
		<span class="h2 artw" style="position: absolute;left: 42%;top:-2%;">
			CAAI&nbsp;2022&nbsp;天津
		</span>
		<div class="clearfix"></div>
	</div>
</div>


<div class="navigation">

	<nav class="navbar navbar-default">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
				data-target="#bs-example-navbar-collapse-1">
				<!-- <span class="sr-only">Toggle navigation</span> -->
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<span class="navbar-brand artw bigtit">CAAI&nbsp;2022&nbsp;天津</span>
		</div>

		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			<ul class="nav navbar-nav navbar-right">
				<li><a href="index.html">首页</a></li>
				<li><a href="second.html">组委会</a></li>
				<li><a href="third.html">大会程序</a></li>
				<li><a href="fourth.html">特约报告</a></li>
				<li><a href="fifth.html">专题讨论会</a></li>
				<li><a href="sixth.html">会议注册</a></li>
				<li class="active"><a href="seventh.html">交通和酒店</a></li>
				<li><a href="eighth.html">赞助商</a></li>
			</ul>
			<div class="clearfix"></div>
		</div>
	</nav>
</div>
<script>
			if(IsMobile()){
				var nav=$(".navigation nav");
				console.log($(nav).length);
				$("nav").addClass("navbar-fixed-top");
				
			}
		</script>

	
	  <div class="class="jumbotron" style="position:relative;z-index:1;margin:0 auto; background-color:white;">
	     <img src="./images/tj3.jpg"  class="img-responsive city" alt="天津" style="opacity:0.6; filter: alpha(opacity=60);"   />
		 <div style="width:100%;position:absolute;z-index:2;top:30%; text-align:center;">
		    <!-- <h1 class="h2 artw"><strong>CAAI&emsp;2022&emsp;COMMITTEES</strong></h1> -->
			<h1 class="h2 artw"><strong><span>CAAI&emsp;2022&emsp;</span>交通和酒店</strong></h1>
		 </div>
	  </div>
	  
	  <!-- 会议议程框 -->
	    <div class="container">
		<br>
		  <ul class="list-group">
			  <li class="list-group-item" style="background-color: #5BC0DE;color:white;">
				
			         交通路线
			  
			  </li>
		      <li class="list-group-item">路线一：从天津西站出发，乘地铁6号线到天津大学</li>
		      <li class="list-group-item">路线二：从天津西站出发，乘地铁6号线到天津大学</li>
		      <li class="list-group-item">路线三：从天津西站出发，乘地铁6号线到天津大学</li>
		      
		  </ul>
		  
		  <br>
		  <ul class="list-group">
		  			  <li class="list-group-item" style="background-color: #5BC0DE;color:white;">
		  				
		  			         酒店住宿
		  			  
		  			  </li>
		      <li class="list-group-item">
				  天津大学北洋园校区克拉公寓（标准间200-300之间）。
				  
			  </li>
		      
		  </ul>
		  
	    </div>
	  <!-- 会议议程框 -->
	
	
					
	<footer>
		<div class="widewrapper footer">
			<div class="container">
				<div class="row">
					<div class="col-md-4 footer-widget">
						<h3> <i class="fa fa-user"></i>往期回顾</h3>
	
						<p>
							
						2022年第一届CAAI大会将在天津市举办，为了办好 CAAI 2022 这一盛会，我们诚挚邀请大家踊跃赞助！
						</p>
						</div>
	
					<div class="col-md-4 footer-widget">
						<h3> <i class="fa fa-pencil"></i> 会议信息</h3>
						<ul class="clean-list">
							<li>2022年4月15日（星期五）正式报到，报到地点：天津大学北洋园校区，时间：10:00～23:00。</li>
							<li>2022年4月16日（星期六）全天开会，安排5个特邀报告，每个报告（含提问环节）一小时。</li>
							<li>2022年4 月17日（星期天）上午，专题讨论会，每个报告15分钟；下午代表离会或自由安排。</li>
						</ul>
					</div>
	
					<div class="col-md-4 footer-widget">
						<h3> <i class="fa fa-envelope"></i>联系我们</h3>
							<p>
								联系方式：<br>
								
								天津大学智能与计算学部&nbsp;
								<br>金弟&nbsp;15822541480&nbsp;jindi@tju.edu.cn
								<br>
								河北工业大学人工智能与数据科学学院&nbsp; 
								<br>杨亮 &nbsp; 13752497682&nbsp;yangliang@vip.qq.com
	
							</p>
						<!-- <div class="footer-widget-icon">
						<i class="fa fa-facebook"></i><i class="fa fa-twitter"></i><i class="fa fa-google"></i>
					</div> -->
					</div>
	
				</div>
			</div>
		</div>
	</footer>
				


</body>
</html>